<!--
  ~ Copyright 2018 Bence Varga
  ~
  ~ Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
  ~ documentation files (the "Software"), to deal in the Software without restriction, including without limitation the
  ~ rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to
  ~ permit persons to whom the Software is furnished to do so, subject to the following conditions:
  ~
  ~ The above copyright notice and this permission notice shall be included in all copies or substantial portions of the
  ~ Software.
  ~
  ~ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
  ~ WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS
  ~ OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
  ~ OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="hu" xml:lang="hu"> 
	<head> 
		<title>stream.m - console</title>
		<link rel="stylesheet" type="text/css" href="static/general.css" />
		<link rel="icon" type="image/png" href="static/favicon.png" />
	</head>
	<body>
		<div id="log">log</div>
		<div id="content-wrap">
			<div id="content">
				<div id="content-top">
					<div id="content-bottom">
						
						<div class="screen" id="screen-login">
							<h1>login</h1>
							<form>
								<label><span>stream ID: </span><input id="streamID" type="text"/></label>
								<label><span>password: </span><input id="password" type="password"/></label>
								<label><button class="submit" onclick="sendRequest(); return false;"/>enter</button></label>
							</form>							
						</div>
						
						<div class="screen" id="screen-realtime">
							<h1>realtime</h1>
							<p><strong>Bandwidth Usage</strong> in bytes transferred in every 1/10 sec.</p>
							<div class="graph" id="bandwidth"></div>
							<p><strong>Current Viewers</strong></p>
							<div class="graph" id="viewer"></div>
						</div>
						
					</div>
				</div>
			</div>
		</div>
			
		<script type="text/javascript" src="static/script.js"></script>
	</body>
</html>
